package com.cc.openeye.dynamic.kuikly.ceiling

import com.tencent.kuikly.core.pager.Pager
import com.tencent.kuikly.core.annotations.Page
import com.tencent.kuikly.core.base.Color
import com.tencent.kuikly.core.base.ViewBuilder
import com.tencent.kuikly.core.views.Hover
import com.tencent.kuikly.core.views.List
import com.tencent.kuikly.core.views.Scroller
import com.tencent.kuikly.core.views.Text
import com.tencent.kuikly.core.views.View

@Page("CeilingPage")
internal class CeilingPage : Pager() {

    override fun body(): ViewBuilder {
        val ctx = this
        return {

            attr {
                paddingTop(pagerData.statusBarHeight)
            }

            Scroller {
                attr {
                    flex(1f)
                    bouncesEnable(false)
                }

                Text {
                    attr {
                        size(pagerData.pageViewWidth, 200f)
                        text("占位组件，用于滑动列表")
                        fontSize(20f)
                        backgroundColor(Color.YELLOW)
                    }
                }

                Hover {
                    attr {
                        size(pagerData.pageViewWidth, 50f)
                        backgroundColor(Color.BLUE)
                        hoverMarginTop(50f)
                    }
                }

                View {
                    attr {
                        size(
                            pagerData.pageViewWidth,
                            pagerData.pageViewHeight - pagerData.statusBarHeight - 100f
                        )
                        backgroundColor(Color.GRAY)


                    }

                    List {
                        attr {
                            flex(1f)
                            bouncesEnable(false)
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }
                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }

                        Text {
                            attr {
                                size(pagerData.pageViewWidth, 100f)
                                text("占位组件，用于滑动列表")
                                fontSize(20f)
                                backgroundColor(Color.RED)
                            }
                        }
                    }
                }
            }
        }
    }
}